﻿<!DOCTYPE html>
<html>
  <head>
    <title>拍照结果页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/拍照结果页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/拍照结果页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机框架) -->

      <!-- Unnamed (Image) -->
      <div id="u500" class="ax_default image">
        <img id="u500_img" class="img " src="images/引导用户使用页/u27.jpg"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u501" class="ax_default box_2">
        <div id="u501_div" class=""></div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u502" class="ax_default">
        <div id="u502_state0" class="panel_state" data-label="State1" style="">
          <div id="u502_state0_content" class="panel_state_content">

            <!-- card (Group) -->
            <div id="u503" class="ax_default" data-label="card" data-left="23" data-top="191" data-width="373" data-height="240">

              <!-- Unnamed (Rectangle) -->
              <div id="u504" class="ax_default box_2">
                <div id="u504_div" class=""></div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u505" class="ax_default image">
                <img id="u505_img" class="img " src="images/选择宠物页/u402.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u506" class="ax_default heading_3">
                <div id="u506_div" class=""></div>
                <div id="u506_text" class="text ">
                  <p><span>波斯猫</span></p>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u507" class="ax_default" data-left="123" data-top="243" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u508" class="ax_default icon">
                  <img id="u508_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u509" class="ax_default icon">
                  <img id="u509_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u510" class="ax_default icon">
                  <img id="u510_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u511" class="ax_default label">
                  <div id="u511_div" class=""></div>
                  <div id="u511_text" class="text ">
                    <p><span>喜叫程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u512" class="ax_default" data-left="123" data-top="269" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u513" class="ax_default icon">
                  <img id="u513_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u514" class="ax_default icon">
                  <img id="u514_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u515" class="ax_default icon">
                  <img id="u515_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u516" class="ax_default label">
                  <div id="u516_div" class=""></div>
                  <div id="u516_text" class="text ">
                    <p><span>掉毛程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u517" class="ax_default" data-left="123" data-top="352" data-width="257" data-height="62">

                <!-- Unnamed (Rectangle) -->
                <div id="u518" class="ax_default label">
                  <div id="u518_div" class=""></div>
                  <div id="u518_text" class="text ">
                    <p><span>特点：性情温文尔雅，聪明敏捷，善解人意，少动好静，叫声尖细柔美，爱撒娇。</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u519" class="ax_default" data-left="123" data-top="324" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u520" class="ax_default label">
                  <div id="u520_div" class=""></div>
                  <div id="u520_text" class="text ">
                    <p><span>体型毛长：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u521" class="ax_default" data-left="196" data-top="325" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u522" class="ax_default label">
                  <div id="u522_div" class=""></div>
                  <div id="u522_text" class="text ">
                    <p><span>中型、长毛</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u523" class="ax_default" data-left="123" data-top="218" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u524" class="ax_default label">
                  <div id="u524_div" class=""></div>
                  <div id="u524_text" class="text ">
                    <p><span>别名：波登</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u525" class="ax_default" data-left="123" data-top="294" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u526" class="ax_default icon">
                  <img id="u526_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u527" class="ax_default icon">
                  <img id="u527_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u528" class="ax_default icon">
                  <img id="u528_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u529" class="ax_default label">
                  <div id="u529_div" class=""></div>
                  <div id="u529_text" class="text ">
                    <p><span>可训程度：</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u530" class="ax_default image">
              <img id="u530_img" class="img " src="images/拍照结果页/u530.jpg"/>
            </div>

            <!-- card (Group) -->
            <div id="u531" class="ax_default" data-label="card" data-left="19" data-top="455" data-width="373" data-height="240">

              <!-- Unnamed (Rectangle) -->
              <div id="u532" class="ax_default box_2">
                <div id="u532_div" class=""></div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u533" class="ax_default image">
                <img id="u533_img" class="img " src="images/选择宠物页/u402.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u534" class="ax_default heading_3">
                <div id="u534_div" class=""></div>
                <div id="u534_text" class="text ">
                  <p><span>波斯猫</span></p>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u535" class="ax_default" data-left="119" data-top="507" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u536" class="ax_default icon">
                  <img id="u536_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u537" class="ax_default icon">
                  <img id="u537_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u538" class="ax_default icon">
                  <img id="u538_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u539" class="ax_default label">
                  <div id="u539_div" class=""></div>
                  <div id="u539_text" class="text ">
                    <p><span>喜叫程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u540" class="ax_default" data-left="119" data-top="533" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u541" class="ax_default icon">
                  <img id="u541_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u542" class="ax_default icon">
                  <img id="u542_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u543" class="ax_default icon">
                  <img id="u543_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u544" class="ax_default label">
                  <div id="u544_div" class=""></div>
                  <div id="u544_text" class="text ">
                    <p><span>掉毛程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u545" class="ax_default" data-left="119" data-top="616" data-width="257" data-height="62">

                <!-- Unnamed (Rectangle) -->
                <div id="u546" class="ax_default label">
                  <div id="u546_div" class=""></div>
                  <div id="u546_text" class="text ">
                    <p><span>特点：性情温文尔雅，聪明敏捷，善解人意，少动好静，叫声尖细柔美，爱撒娇。</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u547" class="ax_default" data-left="119" data-top="588" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u548" class="ax_default label">
                  <div id="u548_div" class=""></div>
                  <div id="u548_text" class="text ">
                    <p><span>体型毛长：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u549" class="ax_default" data-left="192" data-top="589" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u550" class="ax_default label">
                  <div id="u550_div" class=""></div>
                  <div id="u550_text" class="text ">
                    <p><span>中型、长毛</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u551" class="ax_default" data-left="119" data-top="482" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u552" class="ax_default label">
                  <div id="u552_div" class=""></div>
                  <div id="u552_text" class="text ">
                    <p><span>别名：波登</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u553" class="ax_default" data-left="119" data-top="558" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u554" class="ax_default icon">
                  <img id="u554_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u555" class="ax_default icon">
                  <img id="u555_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u556" class="ax_default icon">
                  <img id="u556_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u557" class="ax_default label">
                  <div id="u557_div" class=""></div>
                  <div id="u557_text" class="text ">
                    <p><span>可训程度：</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u558" class="ax_default primary_button">
              <div id="u558_div" class=""></div>
              <div id="u558_text" class="text ">
                <p><span>已选择了一只猫，开始使用吧</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u559" class="ax_default box_1">
        <img id="u559_img" class="img " src="images/选择宠物页/u461.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u560" class="ax_default heading_2">
        <div id="u560_div" class=""></div>
        <div id="u560_text" class="text ">
          <p><span>显示用户所拍摄的图片</span></p>
        </div>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u561" class="ax_default box_1">
        <img id="u561_img" class="img " src="images/选择宠物页/u461.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u562" class="ax_default heading_2">
        <div id="u562_div" class=""></div>
        <div id="u562_text" class="text ">
          <p><span>依据API返回数据的置信度来排序。如果识别物种失败则要求用户重新拍张清晰的图片再试试，例如：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u563" class="ax_default box_1">
        <div id="u563_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u564" class="ax_default heading_3">
        <div id="u564_div" class=""></div>
        <div id="u564_text" class="text ">
          <p><span>对不起主人，小哈没有找到相关物种，请问主人可以拍清楚点再试试吗？</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u565" class="ax_default primary_button">
        <div id="u565_div" class=""></div>
        <div id="u565_text" class="text ">
          <p><span>再一次试试</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u566" class="ax_default button">
        <div id="u566_div" class=""></div>
        <div id="u566_text" class="text ">
          <p><span>朕不拍了！</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u567" class="ax_default label">
        <div id="u567_div" class=""></div>
        <div id="u567_text" class="text ">
          <p><span>用户不愿再拍则跳转至选择宠物页，让用户手动选择</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
